<script setup>

import {ArrowRight} from "@element-plus/icons-vue";
import store from "@/store/index.js";
</script>

<template>
  <div class="userInfo-field ">
    <el-card class="animate__animated animate__fadeIn">

      <div class="breadcrumb" >
        <el-breadcrumb :separator-icon="ArrowRight">
          <el-breadcrumb-item >
            <a href="/counselors/main">个人主页</a>
          </el-breadcrumb-item>
          <el-breadcrumb-item v-if="store.getters['personalPortalModule/getFlag']==='dormitory'" >
            宿舍信息
          </el-breadcrumb-item>
          <el-breadcrumb-item v-if="store.getters['personalPortalModule/getFlag']==='textbook'" >
            教材领取
          </el-breadcrumb-item>
          <el-breadcrumb-item v-if="store.getters['personalPortalModule/getFlag']==='award'" >
            奖惩管理
          </el-breadcrumb-item>
          <el-breadcrumb-item v-if="store.getters['personalPortalModule/getFlag']==='fee'" >
            缴纳学费
          </el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <br/>
      <router-view></router-view>
    </el-card>
  </div>
</template>

<style scoped>

</style>